@charset "utf-8";

html,body{ min-width:1400px; }
body { position: relative;}

.pro_container, .pro_container, .hon_container, .about_container, .contact_container, .news_container, .newsDetail_container, .proDetail_container, .jobs_container  { margin-top: 80px; height: 1000px;}
.donN_tit, .donN_honTit, .donN_aboutTit, .about_tit, .contact_tit, .news_tit, .jobs_tit, .pro_tit, .hon_tit { width: 400px; margin: 60px auto; text-align: center; color: #017f58; font-size: 18px;}

/* homepage, product, honour */

.donN_tit { margin: 15px auto 0; color: #191919; line-height: 26px;
    font-size: 36px;font-weight: inherit;}
.donN_tit span { font-size: 14px;
    color: #a7a7a7;}
.donN_honTit { margin: 0 auto; color: #fff;}
.donN_honTit p { color: #fff;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.hon_content, .donN_newsList ul { width:100%; margin: 0 auto; overflow: hidden; text-align: center;}
.donN_proList ul li a.per_pro, .pro_content ul li a.per_pro, .hon_content ul li { display: block; float: left; width: 230px; height: 310px; padding: 20px;  background: #fff; border: 1px solid #d6d6d6;}

/*.donN_aboutList ul li,*/
.donN_proList, .pro_content { width: 1000px; margin: 0 auto; overflow: hidden;}
.donN_proList ul li, .pro_content ul li { float: left; overflow: hidden; text-align: center; margin: 10px;}
.donN_proList ul li, .pro_content ul li { position: relative;}
.donN_proList ul li a.per_pro { border: 0;}
.donN_proList ul li img, .pro_content ul li img { width: 190px; height: 240px;}
.donN_proList ul li span, .pro_content ul li span { display: inline-block; padding: 10px;}
.donN_proList a.proMask, .pro_content a.proMask { position: absolute; bottom: -470px; left: 0; width: 230px; height: auto; padding: 24px 0; line-height:24px;  font-size:12px; color:#fff; background: rgba(1, 127, 88, 0.6);}
.donN_proList a.proMask img, .pro_content a.proMask img{ display: inline-block; margin: 60px 0; width: 100px; height: 90px;}
.donN_proList a.proMask span, .pro_content a.proMask span { font-size: 14px;}
.wrap2{
    width: 1170px;
    margin: 0 auto;
}
/* news center */
.donN_newsBg { padding: 30px 0 0; background: url(../images/donN_newsBg.jpg) no-repeat; background-size: 100% 100%;}
.donN_newsLine{
    text-align: center; margin: -10px auto 0 ; overflow: hidden;
    margin-bottom: 34px;}
.donN_newsLine li{
    display: inline-block;
}
.donN_newsLine li a {
    display: inline-block;  overflow: hidden; padding: 0 0 0 20px; color: #000; margin: 10px 0; font-size: 18px;}
.donN_newsLine li a:hover{
    color: #cd0303;
}
.donN_newsLine li i { display: inline-block; width: 1px; height: 25px; margin: 2px 0 0 17px; background: #aaa;}

.donN_newsList {  margin: 20px auto 80px;background: #fff;
    padding-bottom: 50px;
    padding-top: 10px;}
.donN_newsList li { float: left; width: 25%;}
.donN_newsList li strong { float: left; width: 50%; font-size: 30px; text-align: left; padding: 15px 0; margin-left: 20px; color: #a6a6a6;}
.donN_newsList li strong i{
    font-size: 50px;
}
.donN_newsList li em { color: #060606; font-size: 12px;}
.donN_newsList li a { display: block; float: left; width: 82%; text-align: left; margin-left: 20px; padding: 10px 0;}
.donN_newsList li a span { font-size: 16px; font-weight: 800; color: #171111;}
.donN_newsList li a p { color: #a7a7a7; padding-top: 10px;
    font-size: 14px;}

.c-blue-bold2{
    color: #11539c;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center; }
.pager:before, .pager:after {
    content: " ";
    display: table; }
.pager:after {
    clear: both; }
.pager li {
    display: inline; }
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee; }
.pager .next > a,
.pager .next > span {
    float: right; }
.pager .previous > a,
.pager .previous > span {
    float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }
.nothing {
    width: 194px;
    height: 180px;
    margin: 0 auto;
    text-align: center;
}
.fl{
    float: left;
}
.fr{
    float: right;
}